<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Cubic - One Page Responsive HTML 5 Website Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Responsive Minimal Bootstrap Theme">
    <meta name="keywords" content="onepage,responsive,minimal,bootstrap,theme">
    <meta name="author" content="">


    <!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<![endif]-->


    <!-- CSS Files
    ================================================== -->
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="css/jpreloader.css" type="text/css">
    <link rel="stylesheet" href="css/animate.css" type="text/css">

    <link rel="stylesheet" href="css/plugin.css" type="text/css">



    <link rel="stylesheet" href="css/style.css" type="text/css">
    


    <!-- color scheme -->
    <link rel="stylesheet" href="css/color.css" type="text/css">

    <link href="css/1.css" rel="stylesheet" type="text/css" />

    <!-- load fonts -->
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.css" type="text/css">




</head>

<body id="homepage">



    <div id="wrapper">
        <div class="page-overlay">
        </div>


        <!-- header begin -->
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <!-- logo begin -->
                        <h1 id="logo">
                            <a href="index.html">
                                <img class="logo-1" src="images/logo.png" alt="">
                                <img class="logo-2" src="images/logo-2.png" alt="">
                            </a>
                        </h1>
                        <!-- logo close -->

                        <!-- small button begin -->
                        <span id="menu-btn"></span>
                        <!-- small button close -->

                        <!-- mainmenu begin -->
                        <nav>
                            <ul id="mainmenu" >
                                <li><a  href="Index">梦之始</a></li>
                                
                                <li><a  href="#">搜索</a></li>
                                
                                <li><a href="Inschool">校内活动</a></li>
                                <li><a  class="active" href="#">校外活动</a></li>
                                <li><a href="#">天涯共此时</a></li>
                                <li><a href="Login">登陆</a></li>
                                <li><a href="Register">注册</a></li>
                                
                            </ul>
                        </nav>

                    </div>
                    <!-- mainmenu close -->

                </div>
            </div>
        </header>
        <!-- header close -->


        <!-- content begin -->
        <div id="content" class="no-bottom no-top">




                       <!-- section begin -->
            <section class="no-padding dark" data-speed="5" data-type="background">
                <div class="de-video-container">
                    <div class="de-video-content">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 col-md-offset-3 text-center">
                                    <h1 class="animated" data-animation="fadeInUp">校外 <span class="id-color">生活</span>
                                        
                                    </h1>
</br>
                                    <div class="animated" data-animation="fadeInUp">
                                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                    	<div class="spacer-single"></div>
                                        <a href="#" class="btn btn-border" data-animation="fadeIn">搜索</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="de-video-overlay"></div>

                    <!-- load your video here -->
                    <video autoplay="" loop="" muted="" poster="video/video-1.jpg">
                        <source src="video/video-1.webm" type="video/webm" />
                        <source src="video/video-1.mp4" type="video/mp4" />
                        <source src="video/video-1.ogg" type="video/ogg" />
                    </video>


                </div>
                

            </section>
            <!-- section close -->

 <!-- section begin -->
            <section id="section-portfolio" class="no-bottom">

<div id="menua">
    <ul>
      <li><a href="#">推荐</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">旅游</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">同城聚会</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">各方观点</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog">的海景房</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog" >无法</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog" >分为</a></li>
   <li class="menuDiva"></li>
   <li><a href="Blog" >更多</a></li>
         <ul class="erji_ula">
         <li class="erjia"><a href="#">ul标签</a></li>
<li class="erji"><a href="#">ul标签</a></li>
</ul>
    </ul>
  </div>
</br></br></br>

                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h1 class="animated" data-animation="fadeInUp">推荐<span class="id-color">PARTY</span>

                            </h1>
</br>
                            <div class="spacer-single"></div>
                        </div>
                    </div>

                    <!-- portfolio filter begin -->
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <ul id="filters" class="animated" data-animation="fadeInUp" data-delay="200">
                                <li><a href="#" data-filter="*" class="selected">show all</a></li>
                                <li><a href="#" data-filter=".illustration">Illustration</a></li>
                                <li><a href="#" data-filter=".mobile">Mobile</a></li>
                                <li><a href="#" data-filter=".photography">Photography</a></li>
                                <li><a href="#" data-filter=".website">Website</a></li>
                            </ul>

                        </div>
                    </div>
                    <!-- portfolio filter close -->

                </div>

                <div id="gallery" class="gallery full-gallery de-gallery pf_full_width animated" data-animation="fadeInUp" data-delay="200">

                    <!-- gallery item -->
                    <div class="item illustration">
                        <div class="picframe">
                            <span class="overlay">
                                <span class="icon">
                                    <a href="images/portfolio/pf%20(1).jpg" data-type="prettyPhoto[gallery]"></a>
                                </span>
                                
                                <span class="pf_text">
                                    <div class="team-desc col-md-12">
                                <h3>John Smith</h3>
                                <p class="lead">Creative Director</p>
                                <div class="small-border"></div>
                                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>

                                <div class="social">
                                    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                    <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                                </div>
                            </div>

                                </span>
                                
                            </span>

                            <img src="images/portfolio/pf%20(1).jpg" alt="" />
                        </div>
                    </div>
                    <!-- close gallery item -->

                    <!-- gallery item -->
                    <div class="item mobile website">
                        <div class="picframe">
                            <span class="overlay">
                                <span class="icon">
                                    <a href="images/portfolio/pf%20(2).jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>
                                </span><span class="icon">
                                    <i class="fa fa-align-justify fa-external-link icon-info"></i>
                                </span>
                                <span class="pf_text">
                                    <span class="project-name">Project Name #2</span>
                                    <span>mobile, website</span>
                                </span>
                            </span>

                            <img src="images/portfolio/pf%20(2).jpg" alt="" />
                        </div>
                    </div>
                    <!-- close gallery item -->

                    <!-- gallery item -->
                    <div class="item website mobile">
                        <div class="picframe">
                            <span class="overlay">
                                <span class="icon">
                                    <a href="images/portfolio/pf%20(3).jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>
                                </span><span class="icon">
                                    <i class="fa fa-align-justify fa-external-link icon-info"></i>
                                </span>
                                <span class="pf_text">
                                    <span class="project-name">Project Name #3</span>
                                    <span>mobile, website</span>
                                </span>
                            </span>

                            <img src="images/portfolio/pf%20(3).jpg" alt="" />
                        </div>
                    </div>
                    <!-- close gallery item -->

                    <!-- gallery item -->
                    <div class="item illustration photography">
                        <div class="picframe">
                            <span class="overlay">
                                <span class="icon">
                                    <a href="images/portfolio/pf%20(4).jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>
                                </span><span class="icon">
                                    <i class="fa fa-align-justify fa-external-link icon-info"></i>
                                </span>
                                <span class="pf_text">
                                    <span class="project-name">Project Name #4</span>
                                    <span>illustration, photography</span>
                                </span>
                            </span>
                            <img src="images/portfolio/pf%20(4).jpg" alt="" />
                        </div>
                    </div>
                    <!-- close gallery item -->

                    <!-- gallery item -->
                    <div class="item website photography mobile">
                        <div class="picframe">
                            <span class="overlay">
                                <span class="icon">
                                    <a href="images/portfolio/pf%20(5).jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>
                                </span><span class="icon">
                                    <i class="fa fa-align-justify fa-external-link icon-info"></i>
                                </span>
                                <span class="pf_text">
                                    <span class="project-name">Project Name #5</span>
                                    <span>mobile, website</span>
                                </span>
                            </span>
                            <img src="images/portfolio/pf%20(5).jpg" alt="" />
                        </div>
                    </div>
                    <!-- close gallery item -->

                    <!-- gallery item -->
                    <div class="item illustration website">
                        <div class="picframe">
                            <span class="overlay">
                                <span class="icon">
                                    <a href="images/portfolio/pf%20(6).jpg" data-type="prettyPhoto[gallery]"><i class="fa fa-search icon-view"></i></a>
                                </span><span class="icon">
                                    <i class="fa fa-align-justify fa-external-link icon-info"></i>
                                </span>
                                <span class="pf_text">
                                    <span class="project-name">Project Name #6</span>
                                    <span>illustration, website</span>
                                </span>
                            </span>
                            <img src="images/portfolio/pf%20(6).jpg" alt="" />
                        </div>
                    </div>
                    <!-- close gallery item -->


                </div>

                <div id="loader-area">
                    <div class="project-load"></div>
                </div>
            </section>
            <!-- section close -->


           


           
           








            <!-- footer begin -->
            <footer>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <div class="social-icons">
                                <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
                                <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
                                <a href="#"><i class="fa fa-envelope-o fa-lg"></i></a>
                                <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
                                <a href="#"><i class="fa fa-skype fa-lg"></i></a>
                            </div>
                            <div class="spacer-single"></div>
                            © Copyright 2014 - Cubic by Designesia
                        </div>
                    </div>
                </div>
            </footer>
            <!-- footer close -->
        </div>
    </div>


    <!-- Javascript Files
    ================================================== -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jpreLoader.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/easing.js"></script>
    <script src="js/jquery.ui.totop.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/jquery.scrollto.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="js/jquery.countTo.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/designesia.js"></script>
    <script src="js/validation.js"></script>

    <!-- SLIDER REVOLUTION SCRIPTS  -->
    <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

</body>
</html>
